* {
    padding: 0;
    margin: 0;
    font-family: "微软雅黑";
    color: black;
}
body{
    background: rgba(250, 250, 250, 0.64);
}
/*超链接*/

a {
    cursor: pointer;
    text-decoration: none;
}


/*li*/

li {
    list-style: none;
}


/*header、mian、footer样式*/

header,
footer {
    width: 1360px;
    margin: 0 auto;
    background: rgba(199, 236, 255, 0.44);
}


/************************************************************************************/


/*********头部开始**************/


/*头部导航栏*/

header #topNav {
    width: 80%;
    height: 80px;
    position: relative;
    margin: 0 auto;
}


/*头部LOGO图片*/

header #logoImg {
    overflow: hidden;
    width: 80px;
    height: 80px;
}


/*logo图片样式设计*/

header #logoImg img {
    position: relative;
    width: 100%;
    top: -62px;
}


/*头部菜单样式*/

header #topNav #menu {
    position: absolute;
    right: 0;
    bottom: 0;
}

header #menu>li {
    float: left;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer
}


/*设置a标签*/

#menu li a {
    display: block;
    height: 100%;
    font-family:  "黑体";
    letter-spacing: 3px;
    font-size: 16px;
    transition: all 0.5s;
    border-radius: 15px 15px 0 0;
}


/*链接浮动样式*/

header #menu a:hover {
    background: white;
    color: #00CED1;
}

header .active {
    background: white;
    color: #00CED1;
}


/*********头部结束**************/


/**********底部样式开始**********/

footer {
    clear: both;
    height: 30px;
    font-family: "Bauhaus 93", "Cooper", "Forte";
    font-size: small;
    text-align: center;
    background: none;

}


/**********底部样式结束**********/